<template>
  <div id="nav"></div>
  <el-config-provider :locale="locale">
    <router-view />
  </el-config-provider>
</template>
<script>
import { ElConfigProvider } from "element-plus";
// import zhCn from "element-plus/lib/locale/lang/zh-cn";
// import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
// import en from 'element-plus/es/locale/lang/en'
import { locale } from "@/components/lang";
export default {
  name: "vol_app",
  components: {
    [ElConfigProvider.name]: ElConfigProvider, //添加组件
  },
  data() {
    return {
      locale: locale(),
    };
  },
};
</script>
<style lang="stylus">
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
  width: 100%;
}

.el-alert--error.is-light {
  border: 1px solid #ffe0e0;
}

.el-alert--error.is-light {
  color: #f74444 !important;
}

.el-alert--warning.is-light {
  border: 1px solid #ffe6c1;
}

.el-alert--info.is-light {
  border: 1px solid #e6e5e5;
}

.el-alert--info .el-alert__description {
  color: #6b6b6b !important;
}

.el-alert--warning.is-light {
  background-color: #fdf6ec;
  color: #d68409 !important;
}

.el-alert--success.is-light {
  border: 1px solid #cdf7b8;
}
.el-alert__title{
  font-size: 13px !important;
  line-height: 1.2  !important;
}

.el-alert--success.is-light .el-alert__description {
  color: #3baf02 !important;
}
.el-alert__description{
  font-size:13px !important;
}
.el-dialog{
  padding:0px !important;
}
.el-tabs__nav-wrap:after,
.el-tabs__active-bar {
  height: 1px;
}
</style>
